H T M L - Hyper Text Markup Language
1. grundlagen
1.5 attribute
1.5.1 format
Ein attribut enthält zusätzliche informationen für den
HTML-befehl. Einige wenige attribute bestehen nur aus einem
schlüsselwort, die meisten haben folgendes format:
attribut="wert"
attribut | schlüsselwort |
wert | zeichenkette oder numerische angabe in anführungszeichen oder apostrophe eingeschlossen (bei numerischen werten geht es auch ohne, ist aber kein sauberer stil) |
1.5.2 attribute zur formatierung
Es gibt zahlreiche attribute um elemente einer seite zu formatieren
(breite, höhe, schriftart usw). Diese attribute sind spezifisch für
HTML4 und gelten als veraltet. Sie werden in dieser unterlage nicht
verwendet.
1.5.3 attribute für identifikation
id="bezeichnung" | identifikation des tags |
name="bezeichnung" | name des tags |
die attribute id und name werden für manche operationen mit Javascript benötigt. |
Mit bezeichnung wird einem element einer seite ein eindeutiger name zugewiesen, d.h. der name darf in einer seite nur einmal in einem id- oder name-attribut erscheinen. In CSS-vereinbarungen oder Javascript-anweisungen kann man sich auf diese namen beziehen.
1.5.4 attribute für CSS
Auch wenn CSS nicht bestandteil dieser dokumentation ist, werden hier zwei
attribute kurz vorgestellt, die zum formatieren von elementen benötigt
werden.
style-attribut
Mit diesem attribut werden einem tag CSS-vereinbarungen zur
formatierung zugewiesen. Diese vereinbarungen ersetzen die bei nr. 1.5.2
erwähnten, veralteten attribute.
style="eigenschaft: wert; [ eigenschaft: wert; ] . . . "
Eine vereinbarung enthält eine eigenschaft und getrennt durch einen doppelpunkt einen wert für diese eigenschaft, abgeschlossen durch einen strichpunkt. Ohne weitere erklärung zeigt das folgende beispiel ein style-attribut, mit dem einem p-tag eine bestimmte schriftart zugewiesen wird.
<p style="font-family: Arial; font-size: 10pt; font-weight: normal; "> schriftart Arial, 10 punkt, normale schriftdicke mit style-attribut</p>
schriftart Arial, 10 punkt, normale schriftdicke mit style-attribut
Nachstehend werden einige vereinbarungen gezeigt, die in dieser unterlage häufig verwendet werden
width: wert; | breite eines elements; |
height: wert; | höhe eines elements |
size: wert; | schrift- oder strichdicke |
wert ist eine numerische angabe unmittelbar gefolgt von pt für punkt oder px für pixel. Es sind auch andere angaben möglich, auf die hier nicht eingegangen wird. | |
color: farbe; | textfarbe des elements; angabe für farbe; s.u. |
background-color: farbe; | hintergrundfarbe; angabe für farbe; s.u. |
Eine farbe wird entweder als farbwort oder in sedezimaler schreibweise angegeben, nachstehend die gängigsten werte:
farbwort | sedezimal | farbwort | sedezimal | farbwort | sedezimal | farbwort | sedezimal |
---|---|---|---|---|---|---|---|
black | 000000 | silver | BBBBBB | navy | 000080 | blue | 0000FF |
maroon | 800000 | red | FF0000 | purple | 800080 | fuchsia | FF00FF |
green | 008000 | lime | 00FF00 | teal | 008080 | aqua | 00FFFF |
olive | 808000 | yellow | FFFF00 | gray | 808080 | white | FFFFFF |
Weitere vereinbarungen, die mit dem style-attribut getroffen werden können, sind an geeigneter stelle erklärt.
Nachfolgend ein kleines beispiel für diese attribute: es werden drei querstriche angezeigt, dazu dient das hr-tag, ein allein stehendes tag (beschreibung siehe 4.3), einmal ohne attribut und dann mit dem style-attribut mit vereinbarungen für breite, höhe, farbe und hintergrundfarbe. Seltsamerweise kann man hier nicht mit size die strichdicke vereinbaren.
<p>hier kommen drei querstriche</p>
<hr>
<hr style="width: 300px; color: blue; heigth: 4px;
background-color: blue;">
<hr style="width: 400px; color: #FF0000; height: 7px
background-color: #FF0000;">
und das zeigt der browser an:
hier kommen drei querstriche
class-attribut
Dem attribut wird als wert eine CSS-klasse zugewiesen, die an anderer
stelle (meist im header oder einer eigenen datei) vereinbart ist.
CSS-klassen enthalten oft viele vereinbarungen. Um die beispiele dieser
dokumentation nicht unnötig zu verkomplizieren, wird gelegentlich das class-
attribut verwendet. Das folgende beispiel zeigt die vereinbarung und
verwendung der klasse std, mit der ein text mit schriftart Arial,
10 punkt angezeigt wird. So ähnlich sind auch die anderen klassen aufgebaut,
die in der dokumentation verwendet, aber nicht näher erklärt werden.
<style type="text/css">
.std { font-family: Arial; font-style: normal;
font-size: 10pt; font-weight: normal;
}
</style>
<p class="std"> schriftart Arial, 10 punkt, normale schriftdicke
mit class-attribut</p>
schriftart Arial, 10 punkt, normale schriftdicke mit class-attribut
h t m l |
C S S |
P H P |
My S Q L |
JAVASCRIPT |
impressum
Für den inhalt der homepage hartard-bernhard.de
ist im sinne des pressegesetzes verantwortlich:
Bernhard Hartard
Gerhart-Hauptmann-Ring 18
81737 München
089 / 670 39 90
familie.hartard@t-online.de
salvatorische erklärung
Die seiten meiner homepage enthalten links
zu anderen seiten im Internet, auf deren gestaltung und inhalt ich
keinen einfluss habe. Ich übernehme keine gewähr für den inhalt der
verlinkten seiten, rechtsverstöße waren für mich zum zeitpunkt der
verlinkung auf diesen seiten nicht erkennbar, eine ständige inhaltliche
kontrolle der verlinkten seiten ist mir weder möglich noch zumutbar.
Aus rechtlichen gründen distanziere ich mich ausdrücklich vom inhalt
der verlinkten seiten und mache mir deren inhalt nicht zu eigen.
Diese erklärung gilt für alle auf meinen seiten angezeigten links.
CLOSE anzeige schließen
start
Damit startet die homepage neu, d.h. der Steinbeisser treibt wieder sein unwesen.
anfang
Hier beginnen die informationen dieser homepage
zur person
Hier findet man informationen zur person des verfassers dieser homepage, wer er ist, woher er kommt, was er gelernt hat und was er im verlauf seines lebens so getrieben hat.
spiele
Hier finden man einige spiele, aber keine wüsten ballerspiele, sondern einige echte knobeleien (hirn-jogging), zwei gesellschaftsspiele (Mensch ärgere Dich nicht, Kniffel) und das spiel aller frechen schüler: schiffe versenken.
galerien
Ein wenig heimatliebe muss erlaubt sein und deshalb findet man hier einige bildergalerien von Speyer und von seinem Dom.
backbuch
Das ist eine sammlung von backrezepten, aus verschiedenen quellen zusammengetragen und fast alle mit mehr oder weniger erfolg ausprobiert. Da findet man in den endlosen weiten des Internet natürlich mehr und besseres.
stammbaum
Das gehört eigentlich in den privaten bereich dieser homepage, denn hier wird der stammbaum des verfassers der homepage gezeigt. Weil aber beim testen der anwendung auch der stammbaum der Wittelsbacher entstanden ist, wurde beides hier veröffentlicht. Vielleicht interessiert es jemand.
exit
Hier kann man Google oder eine beliebige seite im Internet aufrufen oder diese homepage verlassen.
kontakt
Hier kann man dem verfasser und eigentümer der homepage eine email schreiben.
privat
Hier kommt man in den privaten bereich der homepage, besser gesagt, man kommt da nicht hinein, denn dieser bereich ist geschützt und nur dem eigentümer der homepage zugänglich.
doku
Hier sind die programmiertechniken dokumentiert, mit deren hilfe die homepage gebastelt wurde. Genauer gesagt man findet hier kurz gefasste bechreibungen von HTML, CSS, MySQL und Javascript. Das findet man im Internet natürlich viel ausführlicher aber für einen ersten einstieg in die seltsame welt der programmierung sind diese beschreibungen durchaus brauchbar.